
<?php
	ini_set('include_path', '/');
    include("bd/conexao/config.php");
	session_start(); 
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>	<?php echo $pagetitle; ?> </title>

		<!-- ICON -->
		<link rel="icon" href="img/favicon-16.png" sizes="16x16">
		<link rel="icon" href="img/favicon-32.png" sizes="32x32">

		<!-- CSS -->	
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">		
		<link href="css/style.css" rel="stylesheet" type="text/css">		
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300&amp;subset=latin,cyrillic-ext,vietnamese,cyrillic" rel="stylesheet" type="text/css">

	    <!-- SCRIPTS -->    	    
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
		<script src="js/jquery.js"></script> 	
		<script src="js/jquery.validate.js"></script> 	
		<script src="js/jquery.dataTables.js"></script> 		

		<!-- Include all compiled plugins (below), or include individual files as needed -->
	    <script src="js/bootstrap.min.js"></script>	
	 
	    <script> 	  		

	    	$(document).ready(function() {	    	

	    		/* Evento Botões */

				$('#btnNovoArea').click(function() {
					$(window.document.location).attr('href','cad-area.php');
				});		    		

				$('#btnNovoFuncionario').click(function() {
					$(window.document.location).attr('href','cad-funcionario.php');
				});
				
				$('#modalAlertaCadastroArea #btnOkCadastroArea').click(function() { 
					$(window.document.location).attr('href','area.php');
				});

				$('#modalAlertaAtualizaArea #btnOkAtualizaArea').click(function() { 
					$(window.document.location).attr('href','area.php');
				});

				$('#modalAlertaCadastroFuncionario #btnOkCadastroFuncionario').click(function() { 
					$(window.document.location).attr('href','funcionario.php');
				});

				$('#modalAlertaAtualizaFuncionario #btnOkAtualizaFuncionario').click(function() { 
					$(window.document.location).attr('href','funcionario.php');
				});		
				
				/* EVENTO CHECKBOX FUNCIONÁRIO 

				$('#chkOpcaoFuncionario').click(function() {

					if ($('#chkOpcaoFuncionario').is(':checked')) {

					   	$('#group-area').css('display', 'inline-block');
					
					} else {

						$('#group-area').css('display', 'none');

					}	

				}); */

					
				/* Evento Clique no Link Sair do Sistema */
	    			
	    		$('#lnkSair').click(function() {    			

	    			$('#modalClose #textoAlertaClose').html("Deseja sair do sistema?");
	    			$('#modalClose').modal('show');
	    		});

	    		/* Limpar Sessão e Redirecionar para Página Inicial */

				$('#modalClose #btnSair').click(function() {  			  

					$.ajax({
						url: 'scripts/limpar-sessao.php',										
						success: function(result) {
							//alert("Sessão limpa com sucesso");
							$(window.document.location).attr('href','login.php'); 								
						}

					});					

				});


				/* Lista de Ramal */ 		    	

	    		$("#resultado_lista_ramal").load("scripts/list-de-ramal.php", function() {	 

	    				/* Aplicar plugin tabela 

	    				$('#lista-de-ramal').dataTable({			        	       
			        
			    		}); */

    			});

   				/* Lista da Tabela de Áreas */ 	

	    		$("#resultado_area").load("scripts/list-area.php", function() {	   

	    			$('#btnNovoArea').css('display', 'inline-block'); 		

					$("a[id^='area']").click(function() {

						/* Captura conteúdo da propriedade value da tag html 'a' */

						var id = $(this).attr('value');
					
						$("#modalExcluir #textoAlertaExcluir").html("Deseja excluir esta área?");
						$('#modalExcluir').modal('show');  

						$('#modalExcluir #btnSim').click(function() {  						

							$('#modalExcluir').modal('hide');  

							$.ajax({
								url: 
								    'scripts/delete-area.php?id=' + id,
									success: function(resposta) {
										var resultado = resposta; 								        			        				                   
										if (resultado == 1) {
											$('#modalAlerta #textoAlerta').html("Área excluida com sucesso!");
											$('#modalAlerta').modal('show');
											$(window.document.location).attr('href','area.php');										
										
										} else if (resultado == 1451) {
											$('#modalAlerta #textoAlerta').html("Área associada a um funcionário!");
											$('#modalAlerta').modal('show');
									
										} else {
											$('#modalAlerta #textoAlerta').html("Erro ao tentar excluir funcionário!");
											$('#modalAlerta').modal('show');
										}
									}

							});	  						
								    				
	    				});
					});  

	    		});						

				/* Lista de Funcionários */ 	

	    		$("#resultado_funcionario").load("scripts/list-funcionario.php", function() {

	    			$('#btnNovoFuncionario').css('display', 'inline-block');
	    		
					$("a[id^='funcionario']").click(function() {

						/* Captura conteúdo da propriedade value da tag html 'a' */

						var id = $(this).attr('value');
					
						$("#modalExcluir #textoAlertaExcluir").html("Deseja excluir este funcionário?");
						$('#modalExcluir').modal('show');  

						$('#modalExcluir #btnSim').click(function() {  						

							$('#modalExcluir').modal('hide');  

							$.ajax({
								url: 
								    'scripts/delete-funcionario.php?id=' + id,
									success: function(resposta) {
										var resultado = resposta; 																	        			        				                   
										if (resultado == 1) {
											$('#modalAlerta #textoAlerta').html("Funcionário excluido com sucesso!");
											$('#modalAlerta').modal('show');
											$(window.document.location).attr('href','funcionario.php');										

										} else if (resultado == 1451) {
											$('#modalAlerta #textoAlerta').html("Funcionário associado a um ramal!");
											$('#modalAlerta').modal('show');
																				
										} else {
											$('#modalAlerta #textoAlerta').html("Erro ao tentar excluir funcionário!");
											$('#modalAlerta').modal('show');
										}
									}

							});	  						
								    				
	    				});
					});  

	    		});		

	    		/* Lista da Tabela de Ramais 	

	    		$("#resultado_ramal").load("scripts/list-ramal.php", function() {

	    			$('#btnNovoRamal').css('display', 'inline-block');
	    			
					$("a[id^='ramal']").click(function() {

						// Captura conteúdo da propriedade value da tag html 'a'

						var id = $(this).attr('value');
					
						$("#modalExcluir #textoAlertaExcluir").html("Deseja excluir este ramal?");
						$('#modalExcluir').modal('show');  

						$('#modalExcluir #btnSim').click(function() {  						

							$('#modalExcluir').modal('hide');  

							$.ajax({
								url: 
								    'scripts/delete-ramal.php?id=' + id,
									success: function(resposta) {
										var resultado = resposta; 																	        			        				                   
										if (resultado == 1) {
											$('#modalAlerta #textoAlerta').html("Ramal excluido com sucesso!");
											$('#modalAlerta').modal('show');
											$(window.document.location).attr('href','ramal.php');										
										
										} else {
											$('#modalAlerta #textoAlerta').html("Erro ao tentar excluir ramal!");
											$('#modalAlerta').modal('show');
										}
									}

							});	  						
								    				
	    				});
					});  

	    		});	*/ 	

				
	    		/* Implementação do campos de Busca */
				
				$("#busca").keyup(function(){					
					var tabela = $(this).attr('alt');
					if( $(this).val() != ""){
						$("."+tabela+" tbody>tr").hide();
						$("."+tabela+" td:contains-ci('" + $(this).val() + "')").parent("tr").show();
					} else{
						$("."+tabela+" tbody>tr").show();
					}
				});	
				
				return false;			
				
			});   

			$.extend($.expr[":"], {
				"contains-ci": function(elem, i, match, array) {
					return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
				}
			});	 	
	    
		</script>

	</head>

	<body>

		<div class="container">	 

			<?php														

			    if (!isset($_SESSION['nome_usuario'])) {
					echo "<script>										
						$(window.document.location).attr('href','login.php');										 	
					</script>";
				}
			?>    

			<div class="page-header well">						
				<div class="control-group">					
					<?php													
						echo "<p class='msg-boas-vindas'> Seja bem vindo, " . "<strong>" . $_SESSION['nome_usuario'] . "</strong>" . "</p>";  											
					?>  
					<span class="glyphicon glyphicon-off"></span>
					<a id='lnkSair' href='#'>Sair do sistema</a>
				</div>															
			</div>	
			
			<div class="navbar-wrapper"> 

				<div class="navbar navbar-default" role="navigation">
			        <div class="container-fluid">
				        <div class="navbar-header">
				            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				              <span class="sr-only">Toggle navigation</span>
				              <span class="icon-bar"></span>
				              <span class="icon-bar"></span>
				              <span class="icon-bar"></span>
				            </button>		            
				        </div>
				        <div class="navbar-collapse collapse">
				            <ul class="nav navbar-nav">	
				                <li><a href="default.php">Página Inicial</a></li>		          				        
				                <li><a href="area.php">Área</a></li>	
				                <li><a href="funcionario.php">Funcionário</a></li>		          				        				                				                
				                <li><a href="lista-ramal.php">Lista de Ramal</a></li>					          
				            </ul>           
				        </div><!--/.nav-collapse -->
			        </div><!--/.container-fluid -->
		      	</div>  

	      	</div>      		

	        <?php
	      		echo $pagemaincontent;
	      	?>  	      

	    </div>   
	   
	    <!--<div id="footer">
	    	<div class="container">    		
	    		<p class="text-muted">
	    			Copyright © 2006-2014 - <a href="http://ibmontesiao.com">Igreja Batista Monte Sião</a> - Todos direitos Reservados.
	    		</p>
	    	</div>
		</div> -->

		<!-- MODALS --> 
		
		<div id="modalClose" class="modal fade">
			  <div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaClose"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnSair" class="btn btn-primary">Sim</button>
			        <button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<div id="modalExcluir" class="modal fade">
			  <div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaExcluir"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnSim" class="btn btn-primary">Sim</button>
			        <button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
			      </div>
			    </div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<div id="modalAlerta" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlerta"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOk" class="btn btn-primary" data-dismiss="modal">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<div id="modalAlertaCadastroArea" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaArea"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOkCadastroArea" class="btn btn-primary" data-dismiss="modal">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<div id="modalAlertaAtualizaArea" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaAtualiza"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOkAtualizaArea" class="btn btn-primary">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<div id="modalAlertaCadastroFuncionario" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaFuncionario"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOkCadastroFuncionario" class="btn btn-primary" data-dismiss="modal">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->		

		<div id="modalAlertaAtualizaFuncionario" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlertaAtualiza"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOkAtualizaFuncionario" class="btn btn-primary">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->  
	
	</body>

</html>